@charset "utf-8";


.navbar{
    border-radius: 0;
}
.navbar-default{
    background-color: #222222;
}
// 导航的a标签的默认样式和其他状态  黑底白字
.navbar-brand{
    padding-top: 7px;
}
.navbar-default .navbar-nav > .active > a{
     color: white;
 background-color: #000000;
}
.morelist{
    background-color:#222222 ;
    padding: 0 0;
    li{
        a{
             color: #777;
        }
       
    }
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    color: white;
 background-color: #000000;
}
.morelist>li>a:hover{
    color: white;
    background-color: #474747;  
}
.morelist>li>a:focus{
    color: white;
    background-color: #373737;  
}
//.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
// color: white;
// background-color: #000000;
//}

element.style {
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: white;
    background-color: #000000;	
}


.bigEngine{
    background-color: #fbfaf7;
}
#engine{	
    background-color: #fbfaf7;
   .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
       padding-right: 0;
       padding-left: 10px;
   }
    .left-msg{
                
            h1{
                color: #0078d7;
                font-size: 48px;
                margin-bottom: 22px;
                
                
            }
            h2{
                color: #666666;
                font-size: 30px;
                margin-bottom: 72px;
                
            }
    }
    .wenben{
        margin-top: 60px;
    }
    .wenbenbot{
        margin-bottom:100px;
    }
}  
 .navbar {
     margin-bottom: 0;
 }   
 
 .engine-intro{
  
     margin-bottom: 37px;
     .myRow{
        background-image: url(../img/one.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
    .engimg{
    width:65px;
    float: left;
    }
    .engtext{
     float: left;
    padding-right:0;
        p{  margin-left: 2vw;
            font-size: 20px;
            span{
                font-size: 14px;
                color: #666666;
            }
        }
    }
    }
 }  
 
 
.advantage{
    margin-top:4vw;
    margin-bottom: 4vw;
} 
 .advimg{
     margin-top: 90px;
 }
    .adv-img{
        min-width: 60px;
    }
.advh1{
   font-size: 46px;
    color: #8fc31f;
    font-weight: normal;
      }

.adv-ml{ 
    margin-top: 16px;
    margin-left: 6px;
   span{
       color: #666666;
       margin-left: 11px;
   }
        }

.adv-img{
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.adv-imm{
    display: table-cell;
    vertical-align: middle;
    float: none;
 
}

//  产品家族~~~~~~~
.bigProd{
    background-color: #0079d7;
}

.poduct{
    padding-top: 114px;
    background-color: #0079d7;
    padding-bottom: 147px;
    h2{text-align: center;
        font-size: 48px;
        color: white;
        font-weight: normal;
    }
     .prod{
         margin-top: 3vw;
     }   
        
        .proImg{
             display: table-cell;
            vertical-align: middle;
            float: none;  
               img{             
                   margin-left: 3vw;
                  }
        } 
       
 .proText{
             display: table-cell;
            vertical-align: middle;
            float: none;
            color: #fffefe; 
            height: 118px;
                p{
                font-size: 33px;
                }
                span{
                    font-size: 14px;
                }
        }
}
//游戏盒子
.Gamebox{
        h1{
            font-size: 35px;
            font-weight: normal;
            color: #2a2a2a;
        }
        h3{
            color: #2A2A2A;
            font-weight: normal;
            font-size: 14px;
            text-align: right;
            height: 32px;
            line-height: 32px;
        }
            .vedio{
                    margin-top: 62px;
                    img{
                        display: block;
                        margin:0 auto;
                    }    
                }    
        .game{  
                margin-top: 28px;
                margin-bottom: 90px;
                .sLogo{
                           margin-top: 34px;
                        img{
                            display: block;
                            margin: 0 auto;
                        }
                        p{
                        font-size: 14px;
                        color: #2a2a2a;
                        text-align:center;
                        text-overflow:ellipsis; //文本溢出的裁切方式   ellipsis用省略号
                          white-space: nowrap;   // 是否换行   nowrap不换行
                            overflow: hidden;    //   超出部分隐藏
                         } 
                }
        }
}

//合作伙伴
.bigPartner{
    background-color: #f4f4f4;

    .partner{
        margin-top: 40px;
        margin-bottom: 40px;
        div:first-of-type{
            margin-bottom: 33px;
            h4{
                font-size: 30px;
                color: #2a2a2a;
                span{
                    font-size: 12px;color: #777777;
                }
            }
        }
        .prlogo{
            margin-bottom: 20px;
        }
    }
    
}
//footer
.footbox{ 
    background-color: #3b3b3b;
        .container{
        padding: 35px 0;
        }
         .foottext{
            color: #a1a3ab;
            font-size: 14px;
            p{  
                margin-top: 15px;
                font-size: 12px;
                height: 12px;line-height: 12px;margin-bottom: 0px;
            }
        }
        .maBox{
            margin-left: 21px;
               
            position: relative;
            .erweima{
                display: none;
                position: absolute;
                   left: -50px;
                    top: -153px;
            }
        }
        .maBox:hover .erweima{
            display: block;
        }
}








@media (max-width:991.5px){
    #engine .wenbenbot{
     margin-bottom: 0px;
                       }
    .Gamebox{
        .video{
          
               margin-top: 10vw;
           
        }
    }                   
                     
}

@media (max-width:768px){
  
   
   
    *{ 
        padding-left: 0;
        padding-right: 0;
    }
        
        
        
        #engine .myRow{
            background-image: none;
                        }
        .advimg{ 
                display: block;
                 margin: 0 auto;
                }
             .advimg{ 
                display: block;
              margin: 0 auto;
             }
             .adv-imm{
                 padding-left:6vw;
             }
            .adv-text{ 
                h1{
                    text-align: center;
                }
               .adv-ml{
                  padding-left:15vw;
                }
                        }
        #engine .left-msg{ 
            margin-bottom:20px;
                h1{ 
                 text-align: center;
                  font-size: 40px;
                 }
              h2{
                  text-align: center;  
                  font-size: 16px;
                   margin-bottom: 10px;
                  }
                  
              .engimg{
                    width:28%;
                    min-width: 70px;
                    padding-left: 5px;
                }
        }
        .engine-intro .myRow .engtext p {
            font-size: 18px;
           
        } 
                .advantage{
                         .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
//                      padding-left:10px;
                        }       
                }
        .poduct h2{
            font-size: 37px;
            margin-bottom: 15px;
        }        
        .poduct .proText p{
            font-size: 29px;
        }        
        .poduct .proImg img {
           margin-left: 0;           
        }
        .poduct .prod {
            margin-top: 10vw;
        }
        
        .Gamebox{
               h2{
                   font-size: 28px;
               }
               h3{
                   font-size: 13px;
               }
            .vedio{
                img{
                 margin: 0 auto;
                width: 80%;
                 }
            }
        }
    
    .footbox{
        .container{
        padding-bottom: 15px;}
        .maBox{
            margin-left: 2px;
            margin-right: 20px;
            margin-top: 23px;
            float: left;
        }       
    }
    .prlogo{
        img{
            display: block;
            margin: 0 auto;
        }
    }
    
}
@media (max-width:520px){
    .adv-imm{
        text-align: left;
        padding-left: 3vw;
    }
    .adv-text .adv-ml {
    padding-left: 3vw;
}
    .Gamebox{
          h2{
                   font-size: 4.5vw;
               }
               h3{
                   font-size: 13px;
               }
        .vedio{
            margin-top: 35px;
            img{
                width: 100%;
            }
        }
        .game{
              .sLogo{
                    width: 25%;
                    margin-top: 16px;
                    }
        }
    }
  
   .bigPartner{
     .partner{

        div:first-of-type{
            h4{
                font-size: 26px;
               text-align: center;
                span{
          
                }
            }
        }
       .prlogo{
        width: 50%;
        img{
            display: block;
            margin: 0 auto;
        }
    }
    }
    
}
  
  
}
@media (max-width:412px){
   
    .Gamebox{
          h2{
                   font-size: 5vw;
               }
               h3{
                   font-size: 12px;
                   height: 12px;
                   line-height: 12px;
               }
        .vedio{
            margin-top: 20px;
        }
        .game{
              .sLogo{
                    width: 33.333333%;
                    margin-top: 0px;
                    }
        }
    }
  
}
@media (max-width:374px){
   .bigPartner{
     .partner{

        div:first-of-type{
            h4{
               text-align: center;
                span{
          
                }
            }
        }
       .prlogo{
        width: 100%;
        img{
            display: block;
            margin: 0 auto;
        }
    }
    }
    
}
    
    
}

@media (min-width:1200px){
        .myNav{
            width:1000px;
        }
        .w1000{
            width: 1000px;
                    }
        .w1200{
            width: 1200px;
            margin: 0 auto;
        }            
}


.flex{
    
    display: flex;
}

